<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>小图世界-漫游天下-漫画</title>
<link rel="icon" href="../image/pics_2.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../image/pics_2.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="../css/slide.css"
	media="screen" />
<link rel="stylesheet" type="text/css" href="../css/page.css"
	media="screen" />
<link type="text/css" rel="stylesheet" href="../css/cartoon.css"
	charset="utf-8" title="main" />
<link type="text/css" rel="stylesheet" href="../css/jTooltips.css"
	charset="utf-8" title="main" />
<link type="text/css" rel="stylesheet" href="../css/player.css"
	charset="utf-8" title="main" />
<script src="../js/jquery-1.3.2.min.js" language="javascript"
	type="text/javascript"></script>
<script src="../js/ui.core.js" language="javascript"
	type="text/javascript"></script>
<script src="../js/ui.draggable.js" language="javascript"
	type="text/javascript"></script>
<script src="../js/jquery.mousewheel.js" language="javascript"
	type="text/javascript"></script>
<script src="../js/JTooltips.js" language="javascript"
	type="text/javascript"></script>
<script src="../js/JMagazine.js" language="javascript"
	type="text/javascript"></script>
<script type="text/javascript" src="../js/jquery.jplayer.js"></script>
<script type="text/javascript" src="../js/slide.js"></script>
<script type="text/javascript" src="../js/jquery.timer.js"></script>

<script type="text/javascript">
	var preIndex = 1;
	var nextIndex = 2;
	$(document)
			.ready(
					function() {
						//每1秒执行
						$('body').everyTime('5s', function() {
							switchIcon();
						});

						$("#jquery_jplayer")
								.jPlayer(
										{
											ready : function() {
												demoInstanceInfo($(this),
														$("#jplayer_info"));
											},
											cssPrefix : "different_prefix_example",
											volume : 50,
											oggSupport : true
										})
								.jPlayerId("play", "player_play")
								.jPlayerId("pause", "player_pause")
								.jPlayerId("stop", "player_stop")
								.jPlayerId("loadBar",
										"player_progress_load_bar")
								.jPlayerId("playBar",
										"player_progress_play_bar")
								.jPlayerId("volumeMin", "player_volume_min")
								.jPlayerId("volumeMax", "player_volume_max")
								.jPlayerId("volumeBar", "player_volume_bar")
								.jPlayerId("volumeBarValue",
										"player_volume_bar_value")
								.onProgressChange(
										function(loadPercent,
												playedPercentRelative,
												playedPercentAbsolute,
												playedTime, totalTime) {
											var myPlayedTime = new Date(
													playedTime);
											var ptMin = (myPlayedTime
													.getUTCMinutes() < 10) ? "0"
													+ myPlayedTime
															.getUTCMinutes()
													: myPlayedTime
															.getUTCMinutes();
											var ptSec = (myPlayedTime
													.getUTCSeconds() < 10) ? "0"
													+ myPlayedTime
															.getUTCSeconds()
													: myPlayedTime
															.getUTCSeconds();
											$("#play_time").text(
													ptMin + ":" + ptSec);

											var myTotalTime = new Date(
													totalTime);
											var ttMin = (myTotalTime
													.getUTCMinutes() < 10) ? "0"
													+ myTotalTime
															.getUTCMinutes()
													: myTotalTime
															.getUTCMinutes();
											var ttSec = (myTotalTime
													.getUTCSeconds() < 10) ? "0"
													+ myTotalTime
															.getUTCSeconds()
													: myTotalTime
															.getUTCSeconds();
											$("#total_time").text(
													ttMin + ":" + ttSec);
										}).onSoundComplete(function() {
									$(this).play();
								});
					});

	function switchIcon() {
		$('#switch' + preIndex).attr('src', '../image/2.png');
		$('#switch' + nextIndex).attr('src', '../image/1.png');
		$('#headCase').attr('src', '../image/head_case00' + nextIndex + ".jpg");

		if (nextIndex == 4) {
			nextIndex = 1;
			preIndex = 4;
		} else {
			if (preIndex == 4) {
				preIndex = 1;
			} else {
				preIndex++;
			}
			nextIndex++;
		}
	}
</script>

<script language="javascript" type="text/javascript">
	window.moveTo(0, 0);
	window.resizeTo(screen.availWidth, screen.availHeight);
	function openWindows(url) {
		bschitchat = window
				.open(url, 'bschitchat',
						'fullscreen=no,toolbar=no,Status=no,scrollbars=yes,resizable=yes');
		return;
	}
</script>

</head>
<body id="main_body">

	<!-- Panel -->
	<div id="toppanel">
		<div id="panel">
			<div class="content clearfix">
				<div class="left">
					<h1>付款方式</h1>
				</div>

				<div class="left">
					<h1>条款申明</h1>
				</div>
				<div class="left right">
					<h1>&nbsp;</h1>
				</div>

			</div>
		</div>
		<!-- /login -->
		<!-- The tab on top -->
		<div class="tab">
			<ul class="pay-rule">
				<li class="left">&nbsp;</li>
				<li>您好!</li>
				<li class="sep">|</li>
				<li id="toggle"><a id="open" class="open" href="#">付款方式 |
						条款申明</a> <a id="close" style="display: none;" class="close" href="#">关闭</a>
				</li>
				<li class="right">&nbsp;</li>
			</ul>
		</div>
		<!-- / top -->
	</div>
	<!--panel -->

	<div class="container">
		<div class="head_div001">
			<table style="width: 980px; height: 100%;" cellspacing="0">
				<tr>
					<td height="74"><img src="../image/site_logo.gif" border="0"
						style="vertical-align: middle; margin-left: 20px;" /></td>
				</tr>
				<tr>
					<td>
						<div style="width: 570px; float: left">
							<div style="height: 45px;">&nbsp;</div>
							<table cellspacing="0"
								style="width: 570px; height: 122px; margin-left: 20px;">
								<tr>
									<td width="190" height="27"
										style="border-right: 1px dashed #666; font-size: 14px; font-weight: bold;">上传</td>
									<td width="190"
										style="border-right: 1px dashed #666; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: bold;">发现</td>
									<td width="190"
										style="padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: bold;">分享</td>
								</tr>
								<tr>
									<td valign="top"
										style="border-right: 1px dashed #666; font-size: 14px; padding-right: 10px;">透過不同方法，將你的相片上
										載到 小图世界。 方法包括：網頁、移動裝置、 電郵或你最愛的相片處理應用 程式。</td>
									<td valign="top"
										style="border-right: 1px dashed #666; font-size: 14px; padding-left: 10px; padding-right: 10px;">透過回應和備註，與你的朋友保
										持聯絡並分享你的故事，兼可加 入豐富的資訊，例如標籤、位置 和人物。</td>
									<td valign="top"
										style="padding-left: 10px; padding-right: 10px; font-size: 14px">將你的相片上載到
										小图世界一次， 便可透過 Facebook、Twitter、電郵、 Blog 等輕鬆安全地分享這些相片。</td>

								</tr>
							</table>
						</div>
						<div style="width: 40px; float: left">&nbsp;</div>
						<div style="width: 351px; float: left;">
							<div style="height: 22px; margin-top: 4px;">
								<img src="../image/1.png" alt="" width="18" height="20"
									id="switch1" />&nbsp;<img src="../image/2.png" alt=""
									width="18" height="20" id="switch2" />&nbsp;<img
									src="../image/2.png" alt="" width="18" height="20" id="switch3" />&nbsp;<img
									src="../image/2.png" alt="" width="18" height="20" id="switch4" />&nbsp;
							</div>
							<div style="width: 351px; height: 132px;">
								<img src="../image/head_case001.jpg" width="351" height="132"
									border="0" id="headCase" />
							</div>
						</div></td>
				</tr>
				<tr>
					<td height="36"><table cellspacing="0"
							style="height: 20px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-left: 20px">
							<tr>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='index.html'">首页</label>
								</td>
								<td style="float: left; width: 90px; text-align: center">|</td>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='record.html'">微图记录</label>
								</td>
								<td style="float: left; width: 90px; text-align: center">|</td>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='shadow.html'">画影赏析</label>
								</td>
								<td style="float: left; width: 90px;; text-align: center">|</td>
								<td style="float: left; color: #15ADFF">漫游天下</td>
								<td style="float: left; width: 90px; text-align: center">|</td>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='space.html'">我的空间</label>
								</td>
							</tr>
						</table></td>
				</tr>
			</table>

		</div>

		<div class="main_div001">
			<div style="margin: 10px 20px; height: 100%; width: 400px;">
				<img src="../image/icon/luigi.png" width="32" height="32" alt=""
					style="vertical-align: middle" />&nbsp;&nbsp;<label>漫画</label>&nbsp;&nbsp;<a
					href="#">上一组</a>&nbsp;&nbsp;<img alt=""
					src="../image/entertainment/cartoon1.jpg" width="80" height="80"
					style="vertical-align: middle" />&nbsp;&nbsp;<a href="#">下一组</a>
				&nbsp;&nbsp; <img src="../image/icon/back.png" alt="" width="32"
					height="32" style="cursor:pointer;vertical-align: middle" onclick="window.location.href='entertainment.html'" title="返回"/>
			</div>
			<div style="margin: 10px 20px; height: 100%; width: 940px;">
				<div class="MainBook clearfix mar">
					<div class="CenterBook">
						<div class="MagMain">
							<div id="LeftMag">
								<!--[if IE]>
					   <span></span>
					<![endif]-->
							</div>
							<div id="RightMag">
								<!--[if IE]>
					   <span></span>
					<![endif]-->
							</div>
						</div>
						<div id="ViewMag">
							<div class="viewContanier"
								style='z-index: 21; width: 100%; height: 200%; top: 0px; left: 0px;'>
								<img class="viewBigIMG" />
							</div>
						</div>
					</div>
					<div class="ContralBook">
						<a id="Fir_bttn"><img
							src="../image/entertainment/cartoon/Developpers_Icons_064.png"
							alt="点击翻到第一页" /> </a> <a id="L_bttn"><img
							src="../image/entertainment/cartoon/Developpers_Icons_066.png"
							alt="点击左翻" /> </a> <a id="R_bttn"><img
							src="../image/entertainment/cartoon/Developpers_Icons_065.png"
							alt="点击右翻" /> </a> <a id="Las_bttn"><img
							src="../image/entertainment/cartoon/Developpers_Icons_063.png"
							alt="点击翻到最后一页" /> </a> <a id="Auto_bttn"><img
							src="../image/entertainment/cartoon/Developpers_Icons_067.png"
							alt="点击自动翻页" /> </a> <a id="StopAuto_bttn"><img
							src="../image/entertainment/cartoon/Developpers_Icons_059.png"
							alt="停止自动翻页" /> </a> <a id="Copy_bttn"><img
							src="../image/entertainment/cartoon/Developpers_Icons_101.png"
							alt="复制链接给你朋友" /> </a> <a id="Confi_bttn"><img
							src="../image/entertainment/cartoon/Developpers_Icons_030.png"
							alt="点击我进行设置" /> </a> <a id="Music_bttn"><img
							src="../image/entertainment/cartoon/Developpers_Icons_006.png"
							alt="点击查看音乐状态" /> </a>
					</div>
				</div>

				<script language="javascript" type="text/javascript">
					var json = {
						"MagIfo" : {
							"MagName" : "小图世界-漫游天下-漫画",
							"PageCount" : "22"
						},
						"MagPage" : [
								{
									"Title" : "JMagazine第一页…加载推荐测试",
									"Page" : "../image/entertainment/cartoon/Newpic/firstBook.png",
									"PageHtml" : ""
								},
								{
									"Title" : "JMagazine第一页…加载推荐测试",
									"Page" : "../image/entertainment/cartoon/Newpic/1.jpg",
									"PageHtml" : "",
									"Music" : "1.mp3"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/2.jpg",
									"PageHtml" : '<embed src="http://player.youku.com/player.php/sid/XMTM0MTMxNDAw/v.swf" quality="high" width="120" height="100" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"></embed>'
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/3.jpg",
									"PageHtml" : "<a style='top:1px;left:1px;' href='#'>Hello World 这里是可选的文字</a>"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/4.jpg",
									"PageHtml" : "<div style='top:50px;left:50px;width:100px;height:100px;overfllow:hidden;background:#f00;color:#FFF;'>这里是HTML代码</div>"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/5.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/6.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/7.jpg"
								},
								{
									"Title" : "JMagazine第八页…加载推荐测试",
									"Page" : "../image/entertainment/cartoon/Newpic/8.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/9.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/10.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/11.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/12.jpg"
								},
								{
									"Title" : "JMagazine第八页…加载推荐测试",
									"Page" : "../image/entertainment/cartoon/Newpic/13.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/14.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/15.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/16.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/17.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/18.jpg"
								},
								{
									"Title" : "JMagazine第八页…加载推荐测试",
									"Page" : "../image/entertainment/cartoon/Newpic/19.jpg"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/piclastleft.gif"
								},
								{
									"Page" : "../image/entertainment/cartoon/Newpic/piclastright.gif"
								} ]
					}
				</script>
				<script src="../js/cartoon.js" language="javascript"
					type="text/javascript"></script>
				<div id="jquery_jplayer"></div>
				<div id="player_container">
					<ul id="player_controls">
						<li id="player_play">play</li>
						<li id="player_pause">pause</li>
						<li id="player_stop">stop</li>
						<li id="player_volume_min">min volume</li>
						<li id="player_volume_max">max volume</li>
					</ul>

					<div id="player_progress">
						<div id="player_progress_load_bar">
							<div id="player_progress_play_bar"></div>
						</div>
					</div>
					<div id="player_volume_bar">
						<div id="player_volume_bar_value"></div>
					</div>

					<div id="player_playlist_message">
						<div id="song_title">路上</div>
						<div id="play_time"></div>
						<div id="total_time"></div>
					</div>
				</div>
			</div>
		</div>



		<div class="foot_div001" style="padding-top: 5px;">
			<div style="width: 400px; float: left;">&nbsp;&nbsp;Copy@Right&nbsp;&nbsp;2012&nbsp;&nbsp;兔兔虎工作室</div>
			<div style="text-align: right; width: 580px; float: left">
				<a href="#">关于我们</a> | <a href="#">隐私政策</a> | <a href="#">服务条款</a> |<a
					href="#"> 联系我们</a>&nbsp;&nbsp;
			</div>
			<div style="clear: both;"></div>
		</div>
	</div>
</body>
</html>